
<html lang="cn">
<head>
  <meta charset="UTF-8">
  <script src="../rem.js"></script>
  <meta name="format-detection" content="telephone = no">
  <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title></title>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <link rel="stylesheet" href="../common.css">
  <link rel="stylesheet" href="./detailsOfBrandPage.css">
  <script>
    function rembig(){
      setRemSize()
      window.addEventListener("resize",setRemSize,false)
      function setRemSize(){
        var width = document.documentElement.clientWidth
        if (width > 750) {
            width = 750
        }
        var _clientWidth = width / 7.5+'px'
        document.documentElement.style.fontSize = _clientWidth
      }
    }
    rembig()
  </script>
</head>
<body>
 
<div class="content">
  <div class="companyInformation">
    <div class="companyInformationLeft">
      <p>晨阳科技</p>
      <p><img src="../images/time_show_icon.png" />&nbsp;更新：2019.5.8</p>
    </div>
    <div class="logoImages">
      <img class="logoImages1" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557207708336&di=1ca61f2e6901c4be9b44a3c3a806f42f&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0154d05c94e187a8012141688eaec7.jpg">
    </div>
  </div>
  <div class="collapse">
    <div class="collapseRow">
      <h3 class="title">
        <span>泰昌</span>
        <img src="../images/detailsOfBrand/home_ppsjxqy_back_btn@2x.png" alt="" srcset="">
      </h3>
      <div class="innerContent">
        <ul>
          <li>
            <div class="companyName">fuck</div>
            <div>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</div>
          </li>
          <li>
            <div class="companyName">fuck</div>
            <div>Mauris mauris ante, blandit </div>
          </li>
          <li>
            <div class="companyName">fuck</div>
            <div>Mauris mauris ante, blandit </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="collapseRow">
      <h3 class="title">
        <span>泰昌</span>
        <img src="../images/detailsOfBrand/home_ppsjxqy_back_btn@2x.png" alt="" srcset="">
      </h3>
      <div class="innerContent">
        <p>
          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
        </p>
      </div>
    </div>
    <div class="collapseRow">
      <h3 class="title">
        <span>泰昌</span>
        <img src="../images/detailsOfBrand/home_ppsjxqy_back_btn@2x.png" alt="" srcset="">
      </h3>
      <div class="innerContent">
        <p>
          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
        </p>
      </div>
    </div>
  </div>
  <div class="bottomInfo">
    <img src="../images/报名活动页_slices/WeChat0cb4f1f9fa69309f03cd06c58006f7f2.png">
    <div style="color: rgba(156,156,156,1)">客服电话：123456789</div>
    <div class="feedback"><span>意见反馈</span> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<span>推荐参与活动</span></div>
    <div class="bottomTitle">中信品牌网</div>
    <p>京ICP备20190601号-1</p>
  </div>
  <div style="height: 0.98rem;"></div>
  <div class="bottomTab">
    <div class="tab tab1">
      <img src="../images/home_btn_icon@2x.png" alt="" srcset="">
      <p>首页</p>
    </div>
    <div class="tab tab2" style="border-left:1px solid #D3141C">
      <img src="../images/back_btn_icon@2x.png" alt="" srcset="">
      <p>返回投票</p>
    </div>
  </div>
</div>
 
 
</body>
</html>

<script>
  var detailsOfBrandPageInit = {
    collapse: function () {
      var imgs = $('.title img')
      var divs = $('.innerContent')
      
      $(imgs[0]).css({ transform: imgs[0].style.transform ? '' : 'rotate(90deg)' })
      for (var i = 0; i < imgs.length; i++) {
        +function (i) {
          $(divs[i]).css({ height: '0px', opacity: 0 })
          $(divs[0]).css({ height: $(divs[0]).children().outerHeight() + 'px', opacity: 1 })
          $(imgs[i]).click(function () {
            for (let j = 0; j < divs.length; j++) {
              +function (j) {
                if (i === j) {
                  return
                }
                $(imgs[j]).css({ transform: '' })
                $(divs[j]).css({ height: '0px', opacity: 0 })
              }(j)
            }
            $(imgs[i]).css({ transform: imgs[i].style.transform ? '' : 'rotate(90deg)' })
            $(divs[i]).css({ height: imgs[i].style.transform ? $(divs[i]).children().outerHeight() + 'px' : '0px', opacity: imgs[i].style.transform ? 1 : 0 })
          })
        }(i)
      }
    } 
  }
  $(document).ready(function () {
    for (var i in detailsOfBrandPageInit) {
      detailsOfBrandPageInit[i]()
    }
  })
</script>
